const { default: qqmapsdk } = require('../../../utils/qqmap')

// map.js
Page({
  data: {
    latitude: 40.060539,
    longitude: 116.343847,
    detail: {},
    // 地图标记点
    markers: [
      {
        id: 1,
        latitude: 40.086757,
        longitude: 116.328634,
        width: 24,
        height: 30,
      },
      {
        id: 2,
        latitude: 40.08346500000002,
        longitude: 116.33293800000011,
        iconPath: '/static/images/marker.png',
        width: 40,
        height: 40,
      },
    ],
    // 是否显示对话框
    dialogVisible: false,
  },
  // 页面加载时触发
  onLoad(query) {
    // 获取报修详情的数据
    this.getDetail(query.id)
  },
  // 报修详情接口
  async getDetail(id) {
    if (!id) return wx.utils.toast('参数有误!')
    // 调用接口
    const res = await wx.http.get('/repair/' + id)
    // 保存数据，用于渲染
    this.setData({
      detail: res.data,
    })
    // 调用路线规划
    this.getDirection()
  },
  // 路线规划
  getDirection() {
    // 提供路线规划能力
    qqmapsdk.direction({
      mode: 'bicycling', // driving（驾车）、transit（公交）、walking（步行） bicycling (骑行)
      // from参数不填默认当前地址
      from: '40.060539,116.343847', // 传智播客
      to: '40.086757,116.328634', // （示例）云趣园1区
      success: (res) => {
        const coors = res.result.routes[0].polyline
        const pl = []
        //坐标解压（返回的点串坐标，通过前向差分进行压缩）
        const kr = 1000000
        for (let i = 2; i < coors.length; i++) {
          coors[i] = Number(coors[i - 2]) + Number(coors[i]) / kr
        }
        //将解压后的坐标放入点串数组pl中
        for (let i = 0; i < coors.length; i += 2) {
          pl.push({ latitude: coors[i], longitude: coors[i + 1] })
        }
        //设置polyline属性，将路线显示出来,将解压坐标第一个数据作为起点
        this.setData({
          latitude: pl[0].latitude,
          longitude: pl[0].longitude,
          // 地图路线路线
          polyline: [
            {
              points: pl,
              color: '#00B26A',
              width: 4,
            },
          ],
        })
      },
    })
  },
  // 打开对话框
  openDialogLayer() {
    this.setData({ dialogVisible: true })
  },
  // 关闭对话框
  async dialogClose(e) {
    // 判断用户是否点击了确定
    if (e.detail === 'confirm') {
      // 发送请求，后端删除数据
      await wx.http.put(`/cancel/repaire/${this.data.detail.id}`)
      // 返回上一页 - 上一页需要通过 onShow 获取最新列表数据
      wx.navigateBack()
    }
  },
  // 跳转到编辑页面
  editRepair() {
    wx.navigateTo({
      url: `/repair_pkg/pages/form/index?id=${this.data.detail.id}`,
    })
  },
})
